/*普通任务的样式*/
	div.task{
		margin-top:10px;
		margin-bottom:10px;
		margin-left:10px;
        font-size:0.415cm;
		border-radius: 9px;
	}

	div.task i{	margin:0px 4px;	}

	a.expend_fold>i{margin:0px;}
	div.task[data-haschild='1']>a.expend_fold>i{color:red;}
	div.task[data-haschild='1']>.task_head>a.expend_fold>i{color:red;}
	
    div.task span.task_title{
		position:static;
		border-radius:5px;
    }
	#help_view .btn_for_toolbar,#history_view .btn_for_toolbar{
		display:none;
	}
	.btn_for_toolbar{
		margin: 0px 1px;
		border-radius: 8px;
		font-size:1.3em;
		padding:2px 8px;
	}
	.btn_for_toolbar>i{
		 padding: 3px 10px;
	}
	.btn_for_toolbar:hover{
		background-color: rgb(71, 144, 159);
	}
	.task_drag_over{
		background-color:rgba(228, 237, 235, 0.88);
	}
	

	.start_date{
 		-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
		display: inline-block;white-space: nowrap;vertical-align: baseline;
		margin:0px 2px;padding: 2px 0px;
        font-size: 12px;font-weight: bold;line-height: 14px;
		color: #fff;background-color: #999; 

		
/* 		    border-top: solid 2px blue;
			border-bottom: solid 1px blue;
			border-radius: 0px;
			color:black;
			font-size:13px;
			 */
	}
	
/* 	span.start_date:before{
		content: "\f05d";
	} */
	.tags b{
		-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
		display: inline-block;white-space: nowrap;vertical-align: baseline;
		margin:0px 2px;padding: 2px 0px;
		font-size: 12px;font-weight: bold;line-height: 14px;
		color: #fff;background-color: #81778C;
	}
	.task_internal_link{
		margin:0px 0px;
	}
	.task_link>img{
		width:16px;
		height:16px;
		margin-bottom:3px;
		margin-left:2px;
		margin-right:2px;
	}
	.task_comment_icon{
		margin:0px 0px;
	}
	.magic_icon{
		margin:0px 0px;
	}
	
	img.task_photo{
		display:block;
		width:90%;
		margin-left:4%;
		margin-bottom:2px;
	}
	img.task_photo.hide{
		display:none;
	}


	.task_comment{
/*		position: absolute;
        left:65%;
        width:32%;
        */
        position:static;
		z-index: 10;
		width:90%;
		margin-left:4%;
		margin-top:2px;
		display:none;
		
		height:auto!important;
		background-color: rgba(242, 233, 72, 0.98);
		top: auto;
		padding:3px;
		text-align:center;
		border: 1px solid #D0D0D0;
		-webkit-box-shadow: 0 0 8px #D0D0D0;
	}
	.task_comment textarea{
		width:95%;
		min-height:120px;
		height:auto!important;
		height:120px;
		padding:3px;
		opacity:1.0;
		background-color: rgba(242, 233, 72, 0.98);
		border:0px;
	}
	.task_comment span{
		float:right;
/*		position:relative;*/
		right:10px;
		top:5px;
	}
	.task_comment span i.fa{
		border:0px;
	}



	div.task.hidden_tittle>a{
		display:none;
	}
	div.task.hidden_tittle>span{
		display:none;
	}

	/*
	div.task.z-expend{

	}
	div.task.z-expend>div.task{
		dispalay:block;
	}
	div.task.z-fold>div.task{
		display:none;
	}
	div.task.z-expend>a.expend_fold>i{
		content: "\f115";
		color:blue;
	}
	div.task.z-fold>a.expend_fold>i{
		content: "\f114";
		color:green;
	}*/
	
	#alltask_view div.task{
		margin-left:20px;
		border-left:1px dashed rgba(156, 150, 111, 0.65);
	}

	/* #simple_view>div.task[data-taskid="2"] div.task,#active_area div.task { */
	#simple_view>div.task div.task,#active_area div.task {
		margin-left:20px;
		border-left:1px dashed rgba(156, 150, 111, 0.65);
	} 
	/* #simple_view>div.task[data-taskid="2"]>div.task{ */
	#simple_view>div.task>div.task{
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 5px;
		padding-right: 0px;
		margin-left: 10px;
		margin-right:5px;
		border-width:1px;
		border-style:solid;
		border-color:rgba(207, 226, 226, 0.8);
		-webkit-box-shadow: 0 0 4px rgba(207, 226, 226, 0.8);
		transition: transform 0.3s ease-in-out;
	} 
	/* #simple_view>div.task[data-taskid="2"]>span,#active_area>span{ */
	#simple_view>div.task>span,#active_area>span{
		display:none;
	}
	/* #simple_view>div.task[data-taskid="2"]>a,#active_area>a{ */
	#simple_view>div.task>a,#active_area>a{
		display:none;
	}
	/* #simple_view>div.task[data-taskid="2"]>i,#active_area>i{ */
	#simple_view>div.task>i,#active_area>i{
		display:none;
	}

	
	#todo_view>div.task,#active_area>div.task,#recent_view>div.task>div.task {
		margin-top:20px;
		margin-bottom:20px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 5px;
		padding-right: 0px;
		margin-left: 10px;
		margin-right:5px;
		border-width:1px;
		border-style:solid;
		border-color:rgba(207, 226, 226, 0.8);
		-webkit-box-shadow: 0 0 4px rgba(207, 226, 226, 0.8);

	}
	#active_area>div.task[data-parent="2"]{
		margin-left:3px;
	}
	/* 已分类的任务 */
	#recent_view>div.task>div.task:not([data-parent="2"]){
		color:blue;
	}
	#recent_view>div.task>div.task:not([data-parent="2"])>.magic_icon{
		width:16px;height:16px;
		display:inline;
	}
	#recent_view>div.task>div.task:not([data-parent="2"])>.magic_icon>i{	
		background-image:url(/_assets/icons/list.svg);
		width:16px;height:16px;
			padding:8px;
			background-size: contain;
			background-position: center;
		background-repeat:no-repeat;

	}
	#recent_view>div.task>div.task{counter-increment:testname;}
	#recent_view>div.task>div.task:before{content:counter(testname);color:#f00;font-family:georgia,serif,sans-serif;}


	div#stage_view div.task{
		margin-left:5px;
	}
	div#stage_view>div.task{
		margin-left:5px;
		border:1px dashed rgba(156, 150, 111, 0.65);
	}
	div#stage_view>div.task>span.task_title{
		width: 75%;
		display: inline-block;
		background-color: rgba(82, 126, 110, 0.82);
		color: white;
		margin-left:0.5em;
		margin-right: 0em;
		font-weight: 600;
		padding-left:0.5em;
		padding-right:0.5em;
	}
	div#stage_view>div.task>span.task_stage{

		margin-left:0.5em;
		margin-right: 0em;
		font-weight: 500;
		padding-left:0.5em;
		padding-right:0.5em;
		border:0px;
	}
	
	#history_view .task{
		margin-left:20px;
	}


	a.task_magic_icon{
		display:none;
	}
	#simple_view a.magic_icon i.fa:before{
		content: "\f05d";
	}
	i.haschild{
		color:red;
	}
	#task_input{
		width:70%;
	}
	
	div.task.selected{
		background-color:#F7CEF2;
	}

	/* 以弹出窗口的形式大屏显示 */
	div.task.popup{
		position:fixed;
		top:10px;
		left:10px;
		right:30px;
		bottom:20px;
		overflow:auto;
		z-index:40;
		background-color: aqua;
	}
	div.task.popup .task_title{
		font-size:30px;
	}
	div.task.popup>.task_title{
		font-size:50px;
		font-weight: 300;
	}
	div.task.popup>.task_magic_icon{display:inline-block;}

	#out.play_box div.task.selected{
		position:absolute;
		right:5px;
		width:70%;
		height:60%;
		top:20%;
		overflow:auto;
		z-index:30;
	}
	#out.play_box div.task.selected>.task_title{
		font-size:45px;
	}
	#out.play_box div.task.selected .task_title{
		font-size:25px;
	}

	.task_count{
		-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
		display: inline-block;white-space: nowrap;vertical-align: baseline;
		margin:5px 0px 0px 5px;padding: 2px 2px;
		font-size: 12px;line-height: 14px;
		color: #fff;background-color: #65cc59;
		vertical-align:super;
	}
	
/*
	div.task[data-taskid='42']>div:nth-of-type(2)>span.task_title {background-color:blue}
	div.task[data-taskid='42']>div:nth-of-type(3)>span.task_title{background-color:red;}
*/

/*	div.task[data-intags~='显示序号']>div.task{counter-increment:testname;}
	div.task[data-intags~='显示序号']>div.task:before{content:counter(testname);color:#f00;font-family:georgia,serif,sans-serif;}
	div.task[data-tags~='紧急']>span.task_title{color:blue;}
	div.task[data-tags~='重要']>span.task_title{color:red;font-weight:600;}
*/
/*
	div.task.important_task{
		background-color:rgba(212, 227, 239, 0.69); 
		border-style:solid;
		border-color:rgba(207, 226, 226, 0.8);
	} 
	div.task[data-tags~='!']{
		height:auto!important;
		height:30px;
		min-height:30px;
		border-width:2px!important;
	}
	div.task[data-tags~='!!']{
		height:auto!important;
		height:60px;
		min-height:60px;
		border-width:3px!important;
	}
	div.task[data-tags~='!!!']{
		height:auto!important;
		height:90px;
		min-height:90px;
		border-width:4px!important;
	}
	div.task[data-tags~='!!!!']{
		height:auto!important;
		height:120px;
		min-height:120px;
		border-width:5px!important;
	}
	div.task[data-tags~='!!!!!']{
		height:auto!important;
		height:150px;
		min-height:150px;
		border-width:6px!important;
	}
*/
	div.task[data-tags~='!']{
		border-width:2px!important;
		border-style:solid;
		border-color:rgba(207, 226, 226, 0.8);
	}
	div.task[data-tags~='!!']{
		border-width:3px!important;
	}
	div.task[data-tags~='!!!']{
		border-width:4px!important;
	}
	div.task[data-tags~='!!!!']{
		border-width:5px!important;
	}
	div.task[data-tags~='!!!!!']{
		border-width:6px!important;
	}
	
	div.task[data-intags~='!']{
		border-width:2px!important;
		border-style:solid;
		border-color:rgba(207, 226, 226, 0.8);
	}
	div.task[data-intags~='!!']{
		border-width:3px!important;
		border-style:solid;
		border-color:rgba(207, 226, 226, 0.8);
	}
	div.task[data-intags~='!!!']{
		border-width:4px!important;
		border-style:solid;
		border-color:rgba(207, 226, 226, 0.8);
	}
	div.task[data-intags~='!!!!']{
		border-width:5px!important;
		border-style:solid;
		border-color:rgba(207, 226, 226, 0.8);
	}
	div.task[data-intags~='!!!!!']{
		border-width:6px!important;
		border-style:solid;
		border-color:rgba(207, 226, 226, 0.8);
	}
	div.task[data-intags~='!!!!!!']{
		border-width:7px!important;
		border-style:solid;
		border-color:rgba(207, 226, 226, 0.8);
	}
	div.task[data-intags~='!!!!!!!']{
		border-width:8px!important;
		border-style:solid;
		border-color:rgba(207, 226, 226, 0.8);
	}
	div.task[data-stage='doing']>span.task_title{font-weight:700;}
	div.task[data-stage='urgent']>span.task_title{font-weight:900;}
	div.task[data-stage='finish']>span.task_title{text-decoration:line-through;}
	div.task[data-stage='giveup']>span.task_title{text-decoration:line-through;}
	div.task[data-stage='saved']>span.task_title{background-color:white;}
	
	div.task[data-archive="1"]>span.task_title{color:rgb(193, 188, 186);}
	a.un_active{display:none;}
	div.task[data-active="1"]>a.un_active{display:inline;}
	div.task[data-internal_link]>span.task_title{font-style:italic;}

	div.task[data-intags~='当天']{
		background-color: rgba(0, 150, 255, 1.0);
		box-shadow: 5px 5px 5px rgba(0, 0, 0, .4),
            -5px -5px 5px rgba(255, 255, 255, .9);
	}
	div.task[data-intags~='当周']{
		background-color: rgba(0, 150, 255, 0.8);
		box-shadow: 4px 4px 4px rgba(0, 0, 0, .4),
            -4px -4px 4px rgba(255, 255, 255, .9);
	}
	div.task[data-intags~='当月']{
		background-color: rgba(0, 150, 255, 0.6);
		box-shadow: 3px 3px 3px rgba(0, 0, 0, .4),
            -3px -3px 3px rgba(255, 255, 255, .9);
	}
	div.task[data-intags~='当季']{
		background-color: rgba(0, 150, 255, 0.4);
		box-shadow: 2px 2px 2px rgba(0, 0, 0, .4),
            -2px -4px 2px rgba(255, 255, 255, .9);
	}
	div.task[data-intags~='当年']{
		background-color: rgba(0, 150, 255, 0.2);
		box-shadow: 1px 1px 1px rgba(0, 0, 0, .4),
            -1px -1px 1px rgba(255, 255, 255, .9);
	}



.profile_photo{width:16px;height:16px;}
.profile_photo{
            float:right;
            width:16px;height:16px;
			padding:8px;
            margin-right:8px;
			background:  no-repeat top left scroll;
			background-size: contain;
			background-position: center;}


	#saved_search_words_area,#btn_expend_all_searched_task{
		float:right;
		border-radius: 9px;
		margin: 5px;
		background-color: rgba(154, 236, 153, 0.3);
	}
	#saved_search_words span{
	    
		-webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px;
		display: inline-block;padding: 2px 10px;margin:2px 5px;font-size: 11.844px;font-weight: bold;line-height: 14px;color: #fff;white-space: nowrap;vertical-align: baseline;background-color: #CEC1DB;
	}
	#saved_search_words span i.fa{
		cursor: pointer;
		margin:1px 4px;
	}
	#saved_search_words span b{
		cursor: pointer;
		margin:1px 4px;
	}
#saved_search_words span b:hover{
    background-color:chartreuse;
}
#saved_search_words span i.fa:hover{
    color:black;
}



span.right_btn{display:none;}
#active_area>div.task.selected>span.right_btn{display:inline-block;float:right;position:relative;top:-10px;}
#active_area>div.task>span.right_btn>a{border-radius:4px;}
span.right_btn>a:hover{
		background-color: rgb(111, 226, 129);
	}
#active_area>div.task>span.right_btn i{padding:3px 3px;}
#active_area>div.task>span.right_btn i.fa-angle-right{padding:3px 5px;}

#909>div.task.selected>span.right_btn{display:inline-block!important; float:right;position:relative;top:-10px;}
#909>div.task>span.right_btn>a{border-radius:4px;}
span.right_btn>a:hover{
		background-color: rgb(111, 226, 129);
	}
#909>div.task>span.right_btn i{padding:3px 3px;}
#909>div.task>span.right_btn i.fa-angle-right{padding:3px 5px;}


div.task.leftlist{display:block;position:absolute;right:10px;  opacity: 1;
    background-color:white;
    width: 35rem;}

div.task.box{border:solid 1px red;height:100px;}


div.task.urlbook .task_link{
	float:left;
}

div.task.child-arrange-float>div.task{
	float:left;
}
div.task.alongside{
	position: fixed;
    right: 0px;
    top: 160px;
    bottom: 10px;
    width: 40%;
    overflow: auto;
}